<%-- 
    Document   : photoNew
    Created on : 24/10/2014, 17:12:31
    Author     : leoomoreira
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="header.jsp" %>
<div id="createStoryTitle">Storytelling Creator</div>
<form action="StorytellingInsert" id="storytellingForm" method="post">
    <input type="hidden" name="photoIds" id="photoIds" value="" />
    <div id="userStoryTable">
        <div id="userStoryInfo">
            <div id="inputArea">
                <div id="storyThemeLabel">Theme:</div>
                <div><input type="text" name="name" id="name" /><input type="button" id="photoQuerySubmit" value="Search" /></div>
                <br/><br/>
                <div id="storyDescriptionLabel">Description:</div>
                <div><input type="text" name="description" id="description" /></div>
                <br/><br/>
                <div id="storyDelayLabel">Delay between photos:</div>
                <div><input type="text" name="delay" id="delay" /></div>
                <br/><br/>
                <div id="storyLoopLabel">Loop continuously:</div>
                <div>
                    <select name="loopContinuously" id="loopContinuously">
                        <option value="1">true</option>
                        <option value="0">false</option>
                    </select>
                </div>
                <br/><br/>
                <div id="storytellingSubmitDiv"><input type="button" id="storytellingSubmit" value="Save" /></div>
            </div>
            <div id="myPhotoSequence"></div>
        </div>
    </div>
    <div id="photosFound">
        <div id="photoSequence"></div>
    </div>
</form>
<%@include file="footer.jsp" %>
<script src="js/storytelling.js"></script>